تبلیغات ویزه

آخرین ارسال های انجمن

عنوان	پاسخ	بازدید	توسط
برچسب های HTML	1	1059	reza
یک فایل HTML چیست؟	0	606	reza
آموزش برنامه نویسی به زبان HTML	0	560	reza

بخش هفتم

          M:A 
            بازدید : 181
          سه شنبه 08 اسفند 1391
           نظرات (0)
        

قابها

هر پرونده HTML یک قاب نامیده می شود ، و هر قاب نیز مستقل از دیگر قاب هاست. بدی استفاده از قاب ها این است که :

توسعه دهنده وب باید پیوسته رد بیشتر پرونده های HTML را داشته باشد.
چاپ کردن کل صفحه مشکل است

برچسب Frameset

برچسب <frameset> معرفی می کند که چگونه می شود پنجره را به قابها تقسیم کرد.
هر frameset یک مجموعه از سطرها یا ستون ها را معرفی می کند.

برچسب Frame

برچسب <frame> پرونده HTML ای را معرفی می کند که در هر قاب قرار می گیرد.

در مثال پایین یک frameset با دو ستون داریم. ستون اول با پهنای 25% از پنجره مرورگر ست شده است.ستون دوم با پهنای 75% از پنجره مرورگر ست شده است. پرونده "HTML "frame_a.html در ستون اول قرار گرفته و پرونده "HTML "frame_b.html در ستون دوم قرار داده شدهاست.

نکات پایه ای-اطلاعات مفید

اگر یک قاب حاشیه پدیدار داشته باشد کاربر می تواند با کشیدن حاشیه آن ، اندازه آن را تغییر دهد. برای جلوگیری از این عمل کاربر ، شما می توانید "noresize="noresize را به برچسب <frame> اضافه کنید. اگر برچسب <noframes> را اضافه کنیم ، مرورگر قاب را پشتیبانی نمی کند.
مهم:شما نمی توانید برچسب های <body> </body> و <frame> </frame> را با هم استفاده کنید. هر چند اگر شما برچسب <noframes> را در مرورگر هایی که قابها را پشتیبانی نمی کنند و حاوی مقداری متن نیز باشد اضافه کنید شما باید متن را بین برچسب های <body> </body> قرار دهید.

برچسب های قاب

برچسب ها	توضیحات
<frameset>	یک مجموعه از قاب ها را معرفی می کند
<frame>	یک زیر پنجره (قاب) را معرفی می کند
<noframes>	برای مرورگر هایی که قاب ها را پشتیبانی نمی کنند ، بخش بدون قاب را معرفی می کند.
<iframe>	یک زیر پنجره درون برنامه ای را معرفی می کند.

بخش هشتم

          M:A 
            بازدید : 192
          سه شنبه 08 اسفند 1391
           نظرات (0)
        

جدول ها

جداول بوسیله برچسب<table>معرفی می شوند.هر جدول به سطرها (بوسیله برچسب <tr>)و هر سطر به سلول های داده تقسیم می شود (بوسیله برچسب <td>) حروف td بیانگر داده جدولی (table data) هستند که حاوی سلول داده است.یک سلول داده می تواند حاوی متن ، عکس ، لیست ها ، پاراگراف ها ، فرم ها ، خط های افقی و جدول ها و... باشد.

row1,cel1	row1,cel2
row2,cel1	row2,cel2

جدول ها و عنصر حاشیه

اگر شما عنصر حاشیه را معین نکنید ، جدول بدون حاشیه نشان داده خواهد شد. گاهی اوقات این می تواند مفید باشد اما بیشتر مواقع شما می خواهید که حاشیه ها نشان داده شوند.برای نشان دادن جداول با حاشیه شما باید از عنصر حاشیه (border) استفاده کنید.

سر تیترها در جداول

سرتیترها در یک جدول با برچسب <th>مشخص می شوند.

Another Heading	Heading
row1,cel2	row1,cel1

<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row1,cel1</td>
<td>row1,cel2</td>
</tr>
</table>

سلول های خالی در جداول

سلول های جداول با محتوای خالی در بیشتر مرورگرها خوب نشان داده نمی شوند.

row1,cel2	row1,cel1
	row2,cel1

این کدها در مرورگر بدین صورت نشان داده می شوند.توجه کنید که حاشیه های اطراف سلول خالی جدول از بین رفته است(موزیلا فایر فاکس(Fire Fox) حاشیه را نشان می دهد.).برای جلوگیری از آن یک فاصله نا مقطوع(;nbsp&) به سلول داده خالی اضافه کنید تا حاشیه را مشخص سازید.

row1,cel2	row1,cel1
	row2,cel1

نکته های پایه ای-اطلاعات مفید

عناصر <thead>، <tbody>و <tfoot>به دلیل پشتیبانی بد مرورگر ها به ندرت مورد استفاده قرار می گیرند. انتظار می رود که در نسخه های بعدی XHTML این روند

برچسب های جدول

برچسب ها	توضیحات
<table>	یک جدول معرفی می کند
<th>	سرتیتر جدول معرفی می کند
<tr>	یک سطر جدول معرفی می کند
<td>	یک سلول جدول معرفی می کند
<caption>	عنوان جدول معرفی می کند
<colgroup>	یک گروه از ستون ها معرفی می کند
<col>	یک مقدار موجودیت برای یک یا چند ستون معرفی می کند
<thead>	سر یک جدول را معرفی می کند
<tbody>	بدنه یک جدول را معرفی می کند
<tfoot>	پاورقی جدول را معرفی می کند

بخش نهم

          M:A 
            بازدید : 267
          سه شنبه 08 اسفند 1391
           نظرات (0)
        

یک لیست نامرتب ، لیستی از اقلام است.اقلام لیست بوسیله گلوله نشان گذاری می شوند (معمولا یک دایره سیاه کوچک).یک لیست نامرتب با یک برچسب <ul> آغاز می شوند.هر کدام از اقلام لیست با برچسب <li> آغاز می شوند.

<ul>
<li> Cofee <ul>
<li> Milk <ul>
</ul>

Cofee
Milk

داخل اقلام لیست می توانید پاراگراف ها، پرش به خط بعد ، عکس ها، پیوند ها ، لیست های دیگر و ... قرار دهید.

لیست های مرتب

یک لیست مرتب شده نیز لیستی از اقلام است. اقلام لیست بوسیله شماره نشان گذاری می شوند.یک لیست مرتب با برچسب <ol> آغاز می شود.هرکدام از اقلام لیستبا برچسب <li> آغاز می شوند.

<ol>
<li> Cofee <ul>
<li> Milk <ul>
</ol>

Cofee
Milk

داخل اقلام لیست می توانید پاراگراف ها، پرش به خط بعد ، عکس ها، پیوند ها ، لیست های دیگر و ... قرار دهید.

لیست های تعریفی

یک لیست تعریفی ، لیستی از اقلام نیست. این لیست ، لیستی از عبارات و توضیحات آن عبارات است.یک لیست تعریفی با برچسب<dl> آغاز می شود.هر کدام از اقلام لیست تعریفی با برچسب <dt> آغاز می شود.هر تعریف در لیست تعریفی با برچسب <dd> آغاز می شود

<dl>
<dt> Cofee </dt>
<dd> Black hot drink </dd>
<dt> Milk </dt>
<dd> White cold drink </dd>
</dl>

Cofee

Black hot drink

Milk

White cold drink

داخل تعاریف یک لیست تعریفی (برچسب <dd>)شما می توانید پاراگراف ها، پرش به خط بعد ، عکس ها، پیوند ها ، لیست های دیگر و ... قرار دهید.

برچسب Anchor

برچسب ها	توضیحات
<ol>	یک Anchor را معرفی می کند
<ul>	یک Anchor را معرفی می کند
<li>	یک Anchor را معرفی می کند
<dl>	یک Anchor را معرفی می کند
<dt>	یک Anchor را معرفی می کند
<dd>	یک Anchor را معرفی می کند
<dir>	یک Anchor را معرفی می کند
<menu>	یک Anchor را معرفی می کند

بخش دهم

          M:A 
            بازدید : 232
          سه شنبه 08 اسفند 1391
           نظرات (0)
        

فرم ها

یک فرم ، منطقه ای حاوی عناصر فرم است.عناصر فرم ، عناصری هستند که به کاربر اجازه می دهند تا اطلاعات را (مثل فیلدهای متنی ، فیلدهای text area ، لیست های پایین افتان، دکمه های رادیویی ، چک باکس ها و...) در فرم وارد کند.یک فرم با برچسب <form> معرفی می شود.

input

در برچسب <form> برچسب <input>بیشترین استفاده را دارد.نوع ورودی با خواص آن تعیین می شود.انواع پر کاربرد ورودی ها در پایین توضیح داده شده اند.

فیلدهای متنی

فیلد متنی هنگامی استفاده می شود که شما می خواهید کاربر ، حروف ، اعداد و... را تایپ کند.

First name:

Last name:

<form>
First name: <input type="text" name="firstname" >
<br>
Last name:
<input type="text" name="lastname" >
</form>

توجه کنید که خود فرم قابل رویت نیست ، همچنین توجه داشته باشید که در بیشتر مرورگرها طول فیلد متنی بطور پیش فرض 20 کاراکتر است.

دکمه های رادیویی

دکمه های رادیویی زمانی استفاده می شوند که شما می خواهید از بین تعداد محدودی انتخاب، یکی را انتخاب کند.

<form>
First name: <input type="radio" name="sex" value="male"> male
<br>
Last name:
<input type="radio" name="sex" value="female" > femail
</form>

توجه کنید که فقط یک گزینه می تواند انتخاب شود.

چک باکس ها (check boxes)

چک باکس ها زمانی استفاده می شوند که شما بخواهید کاربر از میان تعداد محدودی انتخاب ، یک یا چند گزینه را انتخاب کند.

عنصر Action فرم و دکمه Submit

هنگامی که کاربر روی دکمه "Submit" کلیک می کند ، محتویات فرم به یک فایل دیگر فرستاده می شوند. فایل معرفی شده در عنصر Action معمولا کاری را با اطلاعات ورودی دریافتی انجام می دهد.

<form name="input value" action="action1.asp">
username:
<input type="text" name="username">
<input type="submit" value="submit">
</form>

اگر شما تعدادی کاراکتر در فیلد متنی بالا تایپ کنید و دکمه "Submit" را کلیک کنید شما ورودی خود را به صفحه ای که "action1.asp" نام دارد خواهید فرستاد.آن صفحه به شما ورودی های دریافتی را نشان خواهد داد.

برچسب های فرم

برچسب ها	توضیحات
<form>	یک فرم برای ورودی کاربران معرفی می کند
<input>	فیلد ورودی معرفی می کند
<textarea>	یک ورودی متن چند خطی معرفی می کند
<label>	یک برچسب برای ورودی ها معرفی می کند
<fieldset>	یک مجموعه از فیلدها معرفی می کند
<legend>	یک عنوان برای fieldset معرفی می کند
<select>	یک لیست قابل انتخاب معرفی می کند
<optgroup>	یک گروه از گزینه ها معرفی می کند
<option>	یک گزینه در لیست باز شونده معرفی می کند
<button>	یک دکمه را معرفی می کند
<isindex>	توصیه می شود به جای آن از input استفاده کنید

تبلیغات

صفحه قبل 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 صفحه بعد

تعداد صفحات : 45